﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="~/Content/MainPage/mainPage.css" media="all" />
    <link rel="stylesheet" href="~/Content/MapDetail/mapDetail.css" media="all" />
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=kSoIGIUPtwLnFbxKLyZfxKYa77SQpoXO"></script>
    <script src="~/Scripts/echarts.min.js"></script>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <title>德器物联</title>
</head>
<body>
    <div>
        <div class="main-page_top">
            <div class="main-page_top_logo">
                <p onclick="goMain()">@ViewBag.NickName &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp列表显示</p>
                <p onclick="dropOut()">退出</p>
            </div>
            <div class="main-page_top_count">
                <div>联网点</div>
                <div class="count_blank">@ViewBag.SumNum</div>
                <div>台 </div>
                <div> 开</div>
                <div class="count_blank">@ViewBag.OnLineNum</div>
                <div> 台 关</div>
                <div class="count_blank">@ViewBag.OffLineNum</div>
                <div>故障</div>
                <div class="count_blank">0</div>
                <div>台 超标</div>
                <div class="count_blank">0</div>
                <div>台</div>
            </div>
            <div class="main-page_top_tab">
                <div class="tab-item active">开机设备</div>
                <div class="tab-item">关机设备</div>
                <div class="tab-item">故障设备</div>
                <div class="tab-item">超标设备</div>
            </div>
        </div>

        <div class="main-page_search">
            <div class="search_input">
                <input type="text" name="search" placeholder="店名" />
                <div class="search_button">搜索</div>
            </div>
        </div>

        <div id="tabModal" class="tab_modal">
            @*地图*@
            <div class="content_l_t1">
                <div class="content_map" id="mapDetail">

                </div>
            </div>
        </div>

        <div id="tabModal2" class="hidden_modal tab_modal"></div>
        <div id="detailModal" class="bottom_modal">
            <div class="top_gif">
                <img src="~/Content/Img/xing.gif" />
            </div>
            <div class="mask_text">
                <div class="mask_texta">
                    <div class="left nav_t" style="font-size:18px;" id="TabDevName"></div>
                    @*<div id="p_mattera" class="left nav_t col">1.2mg/m³</div>*@
                    <div class="left nav_t">油烟浓度：</div>
                    <div id="TabY1" class="left nav_t col"></div>
                    <div class="clear"></div>
                </div>
                <div class="mask_texta">
                    <div class="left nav_t">VOC：</div>
                    <div id="TabV1" class="left nav_t col"></div>
                    <div style="margin-left:2rem;" class="left nav_t">颗粒物浓度：</div>
                    <div id="TabK1" class="left nav_t col"></div>
                    <a class="mask_contents" href=""><img src="~/Content/Img/text.png"></a>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="data_chart">
                <div id="main" style="width: 100%;height:20rem"></div>
            </div>
        </div>
        <div style="font-size:12px;margin-top:35px;margin-bottom:10px;width:100%;text-align:center">
            ©2020 德器(重庆)科技有限公司 服务热线 400-9019-505
            @*重庆环元环境科学研究院*@
        </div>

    </div>
    <script src="~/Scripts/mapDetail/mapDetail.js" type="text/javascript"></script>
    <script type="text/javascript">


        var DeviceListJson = JSON.parse('@Html.Raw(ViewBag.DeviceDataJson)');
        var DeviceListArray = [];
        function goMain() {
            window.location.href = "/DataView/Main";
        }





    </script>



</body>
</html>
